<template>
    <!--用户行为日期展示框-->
    <div id="userDialog">
        <div class="inner">
            <div class="close-area">
            </div>
            <p class="view-user-persona" @click="userList">
                <i class="el-icon-user"></i>
                查看用户列表
            </p>
            <!--            <p class="view-user-list"  @click="userList">-->
            <!--                <i class="el-icon-user"></i>-->
            <!--                查看用户画像-->
            <!--            </p>-->
            <!--            <p class="view-user-list">-->
            <!--                <i class="el-icon-user"></i>-->
            <!--                查看用户分群-->
            <!--            </p>-->
        </div>
    </div>
</template>

<script>
    /*  数据资料 */
    import DataTypeConfig from './dataType.config.js';

    export default {
        name: "userDialog",
        props: {
            //点击表格中人数触发的弹框
            userDialogData:{
                type:Object,
                default: {}
            }
        },
        data() {
            return {

            };
        },
        methods: {
            //查看用户列表
            userList() {
                let routeData = this.$router.resolve({ path: '/userSelf', query: {taskType:"RETENTION",
                        q:JSON.stringify(this.userDialogData),
                        productCode: this.$store.state.global.appItem.id,
                        appId:this.$store.state.global.appId},});
                window.open(routeData.href, '_blank');
            },

        },
        watch: {

        }
    };
</script>

<style lang="scss" scoped>

    *, *::before, *::after {
        box-sizing: border-box;
    }

    #userDialog {

        padding: 5px 0;
        margin-top: -3px;
        z-index: 1070;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;

        .inner {
            width: 154px;
            padding: 3px 10px 10px;
            color: #EFF2F7;
            text-align: center;
            text-decoration: none;
            background: #000;
            border-radius: 4px;

            p {
                margin-block-start: 0rem;
                height: 32px;
                line-height: 30px;
                border: 1px solid #4B5259;
                border-radius: 3px;
                margin-bottom: 6px;
                font-size: 13px;
                cursor: pointer;
            }

            .close-area{
                text-align: right;
                height: 8px;
            }
            .viewUserPersona{
                height: 32px;
                line-height: 30px;
                border: 1px solid #4B5259;
                border-radius: 3px;
                margin-bottom: 6px;
                font-size: 13px;
                cursor: pointer;
            }
        }

    }
</style>
